@import "../mixins.less";

// 样式较为简洁的uploader
.uploader.simple {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;

    .item-wrap {
        padding: 5px;
    }
    .image,
    .request {
        width: 105px;
        height: 105px;
    }
    .image {
        background: center no-repeat;
        background-size: cover;
        border: 1px solid transparent;
    }
    .request {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: 1px dashed @color-primary;
        .icon {
            display: inline-block;
            font-size: 24px;
            line-height: 30px;
            color: #C4DBF7;
        }
    }
}

.uploader.shadow-camera {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;

    .item-wrap {
        padding: 5px;
    }
    .image,
    .request {
        width: 72px;
        height: 72px;
        background-color: #ededed;
        border-radius: 10px;
    }
    .image {
        background: center no-repeat;
        background-size: cover;
    }
    .request {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        .icon {
            display: inline-block;
            font-size: 24px;
            line-height: 30px;
            color: #454545;
        }
    }
}
